{% extends 'profiles/base_profile.html' %}
{% load i18n %}
{% load cropping %}

{% block title %}{{profile.get_full_name_or_username|capfirst}}
's profile{% endblock title %}
{% block content %}

<div class="row clearfix">
	<div class="col-md-4 column">
	    <h3>
			{% if profile.user.get_full_name %}
                {{ profile.user.get_full_name|capfirst }} 's profile.
            {% else %}
                {{ profile.user.username|capfirst }}'s profile.
            {% endif %}
		</h3>
		<p>
			Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
		</p>
		<p>
			<a class="btn" href="#">View details »</a>
		</p>
	</div>
	<div class="col-md-6 column">        
        <dl>
            <dt></dt>
            <dd>
            {% if profile.avatar %}
            <img class="img-circle" src="{% cropped_thumbnail profile avatar_cropping width=96 %}">
            {% else %}
            <img class="img-circle" src="{{ profile.get_mugshot_url }}" alt="{% trans "Your mugshot" %}" />
            {% endif %}
            </dd>
            {% if profile.user.get_full_name %}
            <dt><h4 class="heading-dot">{% trans "Name" %}</h4></dt>
            <dd>{{ profile.user.get_full_name }}</dd>
            {% endif %}
            
            {% if profile.nick_name %}
            <dt><h4 class="heading-dot">{% trans "Nick name" %}</h4></dt>
            <dd>{{ profile.nick_name }}</dd>
            {% endif %}
            
            {% if profile.user.email and not hide_email %}
            <dt><h4 class="heading-dot">{% trans "Email" %}</h4></dt>
            <dd>{{ profile.user.email }}</dd>
            {% endif %}
        </dl>
	</div>
	<div class="col-md-2 column">
    </div>
</div>
{% endblock content %}